<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <link rel="stylesheet" href="resources/css/estilos.css"/>
        <title>Principal</title>
    </h:head>
    <h:body>
        <p:panel header="Mantenimiento"/><br />   
        <!--form para agregar integrante-->
       <h:form>
            <p:commandButton value="Nuevo Integrante" update=":frmNuevo:pgNuevo" oncomplete="dlgNuevo.show();" image="icon-add" actionListener="#{IntegranteBean.prepararInsertar()}"/>
        </h:form><br />
        <h:form id="formIntegrantes">
            <p:dataTable var="integrante" value="#{IntegranteBean.integrantes}" emptyMessage="No hay registros disponibles."  paginator="true" rows="10" paginatorPosition="bottom" 
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                         rowsPerPageTemplate="5,10,15"> >  


                <p:column headerText="Id">  
                    <h:outputText value="#{integrante.id}" />  
                </p:column>  

                <p:column headerText="Nombre" filterBy="#{integrante.nombre}">  
                    <h:outputText value="#{integrante.nombre}" />  
                </p:column>  

                <p:column headerText="Apellido" filterBy="#{integrante.nombre}">  
                    <h:outputText value="#{integrante.apellido}" />  
                </p:column>  

                <p:column headerText="Telefono">  
                    <h:outputText value="#{integrante.telefono}" />  
                </p:column>  
                <p:column headerText="Celular">  
                    <h:outputText value="#{integrante.celular}" />  
                </p:column>  
                <p:column headerText="Operador">  
                    <h:outputText value="#{integrante.operador}" />  
                </p:column>  
                <p:column headerText="E-mail">  
                    <h:outputText value="#{integrante.email}" />  
                </p:column> 
                <p:column style="width:4%">  
                    <p:commandButton  update=":frmEditar" oncomplete="dlgEditar.show();" actionListener="#{IntegranteBean.prepararActualizar(integrante.id)}" image="icon-edit" title="Editar"/> 
                    <p:commandButton oncomplete="dlgEliminar.show();" update=":frmEliminar"  image="icon-delete" title="Eliminar"/>  


                </p:column>  

            </p:dataTable>  
        </h:form>
        <!--form nuevo integrante-->
        <h:form id="frmNuevo">
            <p:dialog header="Nuevo integrante" widgetVar="dlgNuevo" resizable="false" id="dlgNuevo" modal="true">  
                <p:growl id="grow1Nuevo" showDetail="true" sticky="true"/>
                <h:panelGrid id="pgNuevo" columns="2" cellpadding="4" style="margin:0 auto;">  




                    <h:outputText value="Nombre:"/>
                    <h:outputText value="Apellido:" />

                    <p:inputText value="#{IntegranteBean.integrante.nombre}" style="width: 200px"/>
                    <h:inputText value="#{IntegranteBean.integrante.apellido}" style="width: 200px"/>  

                    <h:outputText value="Direccion:" />
                    <h:outputText value="Referencia:" />

                    <p:inputTextarea value="#{IntegranteBean.integrante.direccion}" rows="5" cols="35"/>
                    <p:inputTextarea value="#{IntegranteBean.integrante.referencia}" rows="5" cols="35"/>

                    <h:outputText value="Lineas:" />
                    <h:outputText value="Telefono:" />                 

                    <p:inputText value="#{IntegranteBean.integrante.lineas}" style="width: 200px"/>
                    <h:inputText value="#{IntegranteBean.integrante.telefono}" style="width: 200px"/>  

                    <h:outputText value="Celular:" />
                    <h:outputText value="Operador:" />                 

                    <p:inputText value="#{IntegranteBean.integrante.celular}" style="width: 200px"/>
                    <p:selectOneMenu  value="#{IntegranteBean.integrante.operador}">
                        <f:selectItem itemLabel="- Seleccionar - " itemValue=""/>
                        <f:selectItem itemLabel=" Tigo " itemValue="Tigo"/>
                        <f:selectItem itemLabel=" Claro " itemValue="Claro"/>
                        <f:selectItem itemLabel=" Movistar " itemValue="Movistar"/>
                        <f:selectItem itemLabel=" Digicel " itemValue="Digicel"/>
                    </p:selectOneMenu>

                    <h:outputText value="E-mail:" />&nbsp;
                    <h:inputText value="#{IntegranteBean.integrante.email}" style="width: 200px"/>  


                </h:panelGrid>  
                <p:separator />     
                <p:commandButton value="Guardar" actionListener="#{IntegranteBean.insertar()}" update=":formIntegrantes, grow1Nuevo,dlgNuevo" oncomplete="dlgNuevo.hide()" image="icon-save"/>  
                <p:commandButton value="Cancelar"  update=":formIntegrantes" oncomplete="dlgNuevo.hide()" image="icon-cancel"/>          
            </p:dialog>  

        </h:form>


        <!--form de editar -->
        <h:form id="frmEditar">
            <p:dialog header="Editar integrante" widgetVar="dlgEditar" resizable="false" id="dlgEditar" modal="true">  
                <p:growl id="grow1Editar" showDetail="true" sticky="true"/>
                <h:panelGrid id="pgEditar" columns="2" cellpadding="4" style="margin:0 auto;">  




                    <h:outputText value="Nombre:"/>
                    <h:outputText value="Apellido:" />

                    <p:inputText value="#{IntegranteBean.integrante.nombre}" style="width: 200px"/>
                    <h:inputText value="#{IntegranteBean.integrante.apellido}" style="width: 200px"/>  

                    <h:outputText value="Direccion:" />
                    <h:outputText value="Referencia:" />

                    <p:inputTextarea value="#{IntegranteBean.integrante.direccion}" rows="5" cols="35"/>
                    <p:inputTextarea value="#{IntegranteBean.integrante.referencia}" rows="5" cols="35"/>

                    <h:outputText value="Lineas:" />
                    <h:outputText value="Telefono:" />                 

                    <p:inputText value="#{IntegranteBean.integrante.lineas}" style="width: 200px"/>
                    <h:inputText value="#{IntegranteBean.integrante.telefono}" style="width: 200px"/>  

                    <h:outputText value="Celular:" />
                    <h:outputText value="Operador:" />                 

                    <p:inputText value="#{IntegranteBean.integrante.celular}" style="width: 200px"/>
                    <p:selectOneMenu  value="#{IntegranteBean.integrante.operador}">
                        <f:selectItem itemLabel="- Seleccionar - " itemValue=""/>
                        <f:selectItem itemLabel=" Tigo " itemValue="Tigo"/>
                        <f:selectItem itemLabel=" Claro " itemValue="Claro"/>
                        <f:selectItem itemLabel=" Movistar " itemValue="Movistar"/>
                        <f:selectItem itemLabel=" Digicel " itemValue="Digicel"/>
                    </p:selectOneMenu>

                    <h:outputText value="E-mail:" />&nbsp;
                    <h:inputText value="#{IntegranteBean.integrante.email}" style="width: 200px"/>  


                </h:panelGrid>  
                <p:separator />     
                <p:commandButton value="Actualizar" actionListener="#{IntegranteBean.actualizar()}" update=":formIntegrantes, grow1Editar,dlgEditar" oncomplete="dlgEditar.hide()"  image="icon-save"/>  
                <p:commandButton value="Cancelar" update=":formIntegrantes" oncomplete="dlgEditar.hide()" image="icon-cancel"/>          
            </p:dialog>  

        </h:form>

        <!--eliminar-->

        <h:form id="frmEliminar">  

            <p:growl id="grow1Eliminar" sticky="true" />  


            <p:confirmDialog id="dlgEliminar" message="Deseas Eliminar este integrante?"  
                             header="Eliminar Integrante" severity="alert" widgetVar="dlgEliminar">  

                <p:commandButton value="Eliminar" actionListener="#{IntegranteBean.eliminar()}" update=":formIntegrantes, grow1Eliminar,dlgEliminar" oncomplete="dlgEliminar.hide()"  image="icon-save"/>  
                <p:commandButton value="Cancelar" update=":formIntegrantes" oncomplete="dlgEliminar.hide()" image="icon-cancel"/>          

            </p:confirmDialog>  

        </h:form>   

    </h:body>
</html>

